<template>
	<view class="body">
		<view class="kai">
			<view class="box-bg">
				<view class="box-bg">
					<view class="titleBox" style="	height: 128rpx;
						display: flex;
						line-height: 128rpx;
						font-size: 24rpx;
						position: relative;
						.titleReturn{
							position: absolute;
							left: 18rpx;">
						<view class="titleReturn">
							<uni-icons custom-prefix="iconfont" type="icon-xiangzuojiantou"
								style="font-size: 35rpx; margin-left: 10rpx" size="10"></uni-icons>
							返回
						</view>
						<view class="titleText" style="position: absolute; left: 50%; transform: translateX(-50%)">设置
						</view>
					</view>
				</view>
			</view>
			<view class="butto">
				<view class="top" style="display: flex;justify-content: space-between;" @click="phoneone">
					<span>
						<uni-icons custom-prefix="iconfont" type="icon-xiugaishoujihao"
							style="color: #cf7762; margin-top: 30rpx; margin-right: 5rpx; font-size: 40rpx"
							size="30"></uni-icons>
						修改手机号
					</span>
					<view class="sopin" style="padding-right: 40rpx;">
						<uni-icons custom-prefix="iconfont" type="icon-youjiantou"
							style="color: black; margin-top: 30rpx; margin-right: 5rpx; font-size: 30rpx; margin-left: 20rpx"
							size="30"></uni-icons>
					</view>
				</view>
				<view class="but" style="display: flex;justify-content: space-between;" @click="pass">
					<span>
						<uni-icons custom-prefix="iconfont" type="icon-xiugaimima"
							style="color: #3dce6d; margin-top: 30rpx; margin-right: 5rpx; font-size: 40rpx"
							size="30"></uni-icons>
						修改密码
					</span>
					<view class="sopin" style="padding-right: 40rpx;">
						<uni-icons custom-prefix="iconfont" type="icon-youjiantou"
							style="color: black; margin-top: 30rpx; margin-right: 5rpx; font-size: 30rpx; margin-left: 20rpx"
							size="30"></uni-icons>
					</view>
				</view>
			</view>
		</view>
		<view class="koop">
			<view class="huan">
				<view class="top">
					<text style="margin-left: 35rpx; margin-top: 35rpx">
						<uni-icons custom-prefix="iconfont" type="icon-yunongtongqingchuhuancun"
							style="color: #2795e9; margin-top: 30rpx; margin-right: 5rpx; font-size: 40rpx"
							size="30"></uni-icons>
						清除缓存
					</text>
					<view class="right">
						<span>
							12M
							<uni-icons custom-prefix="iconfont" type="icon-youjiantou"
								style="color: black; margin-top: 30rpx; margin-right: 5rpx; font-size: 30rpx; margin-left: 20rpx"
								size="30"></uni-icons>
						</span>
					</view>
				</view>
				<view class="top">
					<text style="margin-left: 35rpx; margin-top: 35rpx">
						<uni-icons custom-prefix="iconfont" type="icon-dangqianbanben"
							style="color: #3dce6d; margin-top: 30rpx; margin-right: 5rpx; font-size: 40rpx"
							size="30"></uni-icons>
						当前版本
					</text>
					<view class="right">
						<span>
							1.1.0
							<uni-icons custom-prefix="iconfont" type="icon-youjiantou"
								style="color: black; margin-top: 30rpx; margin-right: 5rpx; font-size: 30rpx; margin-left: 20rpx"
								size="30"></uni-icons>
						</span>
					</view>
				</view>
			</view>
		</view>
		<view>
			<button>退出当前账号</button>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {};
		},
		methods: {
			phoneone() {
				uni.navigateTo({
					url: '/pages/pagesmember/member/phoneone'
				});
			},
			pass() {
				uni.navigateTo({
					url: '/pages/pagesmember/member/pass'
				});
			}
		}
	};
</script>

<style lang="less" scoped>
	@import url('../../../static/less/pagesmember/member/settings.less');
</style>